<table  cellspacing='0' cellpadding='0'>
		<tr>
			<td colspan='3'  class='label'><font size='2' >{translate}SELECT ADDITION EMPLOYEES{/translate}</font></td>
		</tr>
		<tr>
			<td class='label'>{translate}Role{/translate}</td>
			<td>
				<select id='employee_type_search' name='employee_type_search'>
					{html_options options=$employee_type_list} 
					<option value="all">{translate}All{/translate}</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan='3'>
				<div>
			       <span id="error_search" style="font-style: italic; color: red;"></span>
			   	</div>
		   	</td>
		</tr>
		<tr>
			<td width='60px' class='label'>
				<div class='label'>
					{translate}Search{/translate}
				</div>
			</td>
			<td width='250px'>
				<input type='text' size='40' name='searchString' value='' id='searchString'  />
			</td>
			<td align='left' >
				<div id='SearchBtnDiv'>
					<a class='imgBtn' href="javascript:searchUser();"><img title='{translate}Search{/translate}' src="{$base_uri}/images/search.png"/></a>
				</div>
				<div id='searchLoading' style='display:none;'>
					<img src="{$base_uri}/images/ajax-loader.gif"/>
				</div>
			</td>
		</tr>
		<tr>
			<td colspan='3'>
				<div>
			       <span id="search_message" style="font-style: italic; color: red;"></span>
			   	</div>
		   	</td>
		</tr>
		<tr>
			<td colspan='3'>
				<div id='searchResult' style=' display: none;'> 
				<table id='searchResultTbl' class="grid" cellspacing="0" cellpadding="0" >
					<thead>
						<tr>
							<th class='first' width='200px'>{translate}Name{/translate}</th>
							<th width='150px'>{translate}Role{/translate}</th>
							<th align="center" class='last' width='70px'>{translate}Act{/translate}</th>
						</tr>
					</thead>
					<tbody>
					</tbody>	
				</table>
				</div>
			</td>
		</tr>
	</table>